/* pages/trace/index.wxss */
page {
	background-color: #F6F6F6FF;
}

.time-title {
	font-size: 32rpx;
	color: #303030FF;
	font-weight: bold;
	margin: 32rpx 0 24rpx;
}

.ul {
	margin: 0 32rpx;

	.li {
		background-color: white;
		padding: 24rpx;
		border-radius: 12rpx;
		display: flex;
		align-items: center;

		.cover {
			width: 176rpx;
			height: 176rpx;
			border-radius: 12rpx;
			overflow: hidden;
		}

		.right-box {
			flex: 1;
			margin-left: 24rpx;
			height: 176rpx;
			display: flex;
			flex-direction: column;
			justify-content: space-between;

			.title {
				font-size: 24rpx;
				color: #303030FF;
				padding-right: 30rpx;
				-webkit-line-clamp: 3;
				/*限制3行*/
				-webkit-box-orient: vertical;
				text-overflow: ellipsis;
				overflow: hidden;
				display: -webkit-box;
			}

			.bottom-box {
				display: flex;
				align-items: flex-end;
				justify-content: space-between;

				.price {
					font-size: 20rpx;
					color: #FB2B2CFF;
				}
			}

			.btn {
				width: 148rpx;
				height: 48rpx;
				font-size: 24rpx;
				padding: 0;
				border-radius: 24rpx;
			}
		}
	}
}